<html>
<head>
    <meta charset="utf-8" />
    <title>hambert</title>
    <link rel="stylesheet" href="bootstrap.min.css" />
    <style>
        #main {
            margin: 50px;
        }
    </style>
</head>
<body>
    <div id="main">
        <input type="text" id="txtMsg" value="我是hambert，哈哈哈哈哈哈~~~" class="text-info" />
        <input type="button" id="btnSuccess" value="显示成功信息" class="btn btn-success" />
        <input type="button" id="btnFailure" value="显示失败信息" class="btn btn-danger" />
        <input type="button" id="btnInfo" value="显示普通信息" class="btn btn-info" />
        <input type="button" id="btnWarn" value="显示警告信息" class="btn btn-warning" />
    </div>
    <script src="jquery-2.1.1.min.js"></script>
    <script src="ShowTip.js"></script>
    <script type="text/javascript">
        $('#btnSuccess').on('click', function () {
            ShowSuccess($('#txtMsg').val());
        });
        $('#btnFailure').on('click', function () {
            ShowFailure($('#txtMsg').val());
        });
        $('#btnInfo').on('click', function () {
            ShowMsg($('#txtMsg').val());
        });
        $('#btnWarn').on('click', function () {
            ShowWarn($('#txtMsg').val());
        });
    </script>
</body>
</html>